﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="es" lang="es">
<head >
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="keywords" content="El Justiciero, alumando, profesorado, cuatrovientos, notas, competencias claves" />
<meta name="description" content="Esta es una aplicacion con la cual el instituto cuatrovientos puede evaluar a sus alumnos basandose en las notas tecnicas y las competencias claves" />

<style type="text/css">
#sliderWrap {
margin: 0 auto;
width: 300px;
}
#slider {
position: absolute;
background-image:url(slider.png);
background-repeat:no-repeat;
background-position: bottom;
width: 300px;
height: 159px;
margin-top: -141px;
}
#slider img {
border: 0;
}
#sliderContent {
margin: 50px 0 0 50px;
position: absolute;
text-align:center;
background-color:#FFFFCC;
color:#333333;
font-weight:bold;
padding: 10px;
}

#openCloseWrap {
position:absolute;
margin: 143px 0 0 120px;
font-size:12px;
font-weight:bold;
}

#mod{
margin-top: 50px;
margin-left: 20px;
}
	</style>

<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>El Justiciero</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="sliderWrap">
		<div id="openCloseIdentifier"></div>
		<div id="slider">
			<div id="sliderContent">
				<a href="logout.php" title="Clicka aqui para salir de tu sesion">
					Desconectar sesión
				</a>
			</div>
			<div id="openCloseWrap">
				<a href="#" class="topMenuAction" id="topMenuImage">
					<img src="open.png" alt="open" />
				</a>
			</div>
		</div>
</div>
	


<div id="wrapper">
	<div id="header" class="container">
		<div id="logo">
			<h1><a href="#">El Justiciero</a></h1>
			<p>Diseñado para <a href="http://www.cuatrovientos.org/cuatrovientos/index.htm">Instituto Cuatrovientos</a></p>
		</div>
		<div id="menu">
			<ul>
				<li class="current_page_item"><a href="form.php">Home</a></li>
				<li><a href="http://www.cuatrovientos.org/cuatrovientos/index.htm">Cuatrovientos</a></li>
				<li><a href="http://alviento.cuatrovientos.org/">Alviento</a></li>
				<li><a href="http://aula0.cuatrovientos.org/">Aula 0</a></li>
			</ul>
		</div>
	</div>


	<script type="text/javascript">
	//<![CDATA[

	//]]>
	</script>
</head>

<!--Slide-->
	<script type="text/javascript">
	$(document).ready(function() {
		$(".topMenuAction").click( function() {
			if ($("#openCloseIdentifier").is(":hidden")) {
				$("#slider").animate({ 
					marginTop: "-141px"
					}, 500 );
				$("#topMenuImage").html('<img src="open.png" alt="open" />');
				$("#openCloseIdentifier").show();
			} else {
				$("#slider").animate({ 
					marginTop: "0px"
					}, 500 );
				$("#topMenuImage").html('<img src="close.png" alt="close" />');
				$("#openCloseIdentifier").hide();
			}
		});  
	});
	</script>
	<!--Slide hasta aqui-->

<div id = "mod">
	<?php
		
		//$enlace = mysql_connect("localhost", "root", "root") or die("No se pudo conectar"); or die se usa solo en caso de que no podamos acceder a la bbdd
		if (!($enlace = mysql_connect("localhost", "root", "root"))){ 
			echo "No nos hemos podido conectar... <br/>";
		}else{
			//echo "Nos hemos conectado! <br/>";
		}
		
		if( !mysql_select_db("pbl")){
			echo "No se pudo seleccionar la base...";
		}else{
			//echo "Hemos seleccionado la Base de datos <br/>";
		}
		
		if ($_GET["eliminar"] != ""){
			$sql="delete from alumno where id=".$_GET["eliminar"];
			echo $sql;
			mysql_query($sql) or die(mysql_error());
		}
		
		//Cuando pulsamos el boton
		if ($_POST["enviar"] != ""){
		$sql="insert into alumno (nombre,apellido1,apellido2) values ('".$_POST["nombre"]."','".$_POST["apellido1"]."','".$_POST["apellido2"]."')";
		//echo "Sentencia: ".$sql;
		mysql_query($sql) or die (mysql_error());
	
		}
	
		
		
	$resultado = mysql_query("select * from alumno");		
	?>

		<h1>Modificacion de los alumnos</h1>
		<br/>
		 <table border="1">
				<tr>
					<td>Id</td>
					<td>Nombre</td>
					<td>Apellido 1</td>
					<td>Apellido 2</td>
				</tr>
			
		          
			
	<?php
		
		while($registro = mysql_fetch_assoc($resultado)){
			echo "<tr>";
			echo "<td>" . $registro["id"]."</td> \n";
			echo "<td>" . $registro["nombre"]."</td> \n";
			echo "<td>" . $registro["apellido1"]."</td> \n";
			echo "<td>" . $registro["apellido2"]."</td> \n";
			echo "<td><a href='malumnos.php?eliminar=". $registro["id"]."'>Eliminar</a></td> \n";
			echo "<td><a href='malumnos2.php?id=". $registro["id"]."'>Modificar</a></td> \n";
			echo "</tr>";
		}
		echo "<tr><td colspan='6'>Total: ". mysql_num_rows($resultado)."</td></tr>" ;
		echo "</table>";
			
		
		
		//liberamos el resultado 
		mysql_free_result($resultado);
		//cerramos la conexión
		mysql_close();
	?>
	
	<form name="formu" method="post" action="malumnos.php">
	<fieldset><legend>Nuevo registro</legend>
		<label for="nombre">Nombre</label></br>
		<input type="text" id="nombre" name="nombre"/></br>
		<label for="apellido1">Apellido1</label></br>
		<input type="text" id="apellido1" name="apellido1"/></br>
		<label for="apellido2">Apellido2</label></br>
		<input type="text" id="apellido2" name="apellido2"/></br>
		<input type="submit" id="enviar" name="enviar" value="enviar"/></br>
	</form>

</div>





</body></html>